{
    "detail": {
        "width": 1466.88,
        "height": 844,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "基坑监测",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "API",
            "index": "7b7574ca-785e-4649-8599-45ade990edcf",
            "menu": false,
            "display": true,
            "lock": true,
            "children": [
                {
                    "name": "基坑统计",
                    "title": "数据集",
                    "icon": "icon-text",
                    "img": "img/assets/time.png",
                    "dataType": 1,
                    "data": {},
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list[0]\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_jk_count_730\",\n\"project_id\":\"15855\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "component": {
                        "width": 100,
                        "height": 100,
                        "name": "data",
                        "prop": "data"
                    },
                    "option": {},
                    "left": 0,
                    "top": 0,
                    "index": "14765d4f-8cad-41ab-878f-c3334bdd6c28",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 26,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": true,
                    "proxy": false
                }
            ],
            "zIndex": 27,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "位移速率",
            "index": "71d5aa30-5acc-492c-83d6-9d232ee62008",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "位移速率图表",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "post",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data,params){\n    const myChart = this.myChart;\n    var xData=[]\n    var yData=[]\n    console.log(data);\n    data.data?.map((item)=>{\n     xData.push(item['时间'])\n     yData.push(item['变化速率'])\n    })\n    return {\n          title: {\n            dataZoom: [\n              {\n                show: true,\n                height: 12,\n                xAxisIndex: [0],\n                bottom: \"8%\",\n                start: 10,\n                end: 90,\n                handleIcon:\n                  \"path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z\",\n                handleSize: \"110%\",\n                handleStyle: {\n                  color: \"#d3dee5\",\n                },\n                textStyle: {\n                  color: \"#fff\",\n                },\n                borderColor: \"#90979c\",\n              },\n              {\n                type: \"inside\",\n                show: true,\n                height: 15,\n                start: 1,\n                end: 35,\n              },\n            ],\n            x: \"center\",\n            y: \"4%\",\n            textStyle: {\n              color: \"#fff\",\n              fontSize: \"22\",\n            },\n            subtextStyle: {\n              color: \"#90979c\",\n              fontSize: \"16\",\n            },\n          },\n          legend: {\n            left: 'right',\n             textStyle:{\n              color:'#fff'\n            },\n            data: [\"位移速率\"],\n          },\n          tooltip: {\n            trigger: \"axis\",\n          },\n          grid: {\n            top: \"12%\",\n            right: \"1%\",\n            left: \"5%\",\n            bottom: \"10%\",\n          },\n          xAxis: [\n            {\n              type: \"category\",\n              data: xData,\n              axisLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n              axisLabel: {\n                margin: 5,\n                color: \"#e2e9ff\",\n                textStyle: {\n                  fontSize: 14,\n                },\n              },\n            },\n          ],\n          yAxis: [\n            {\n              minInterval:1,\n              axisLabel: {\n                formatter: \"{value}\",\n                color: \"#e2e9ff\",\n              },\n              axisLine: {\n                show: false,\n                lineStyle: {\n                  color: \"rgba(255,255,255,1)\",\n                },\n              },\n              splitLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n            },\n          ],\n          series: [\n            {\n              name: '位移速率',\n              type: \"line\",\n              data: yData,\n              barWidth: \"20px\",\n              itemStyle: {\n                normal: {\n                  color: \"#00D1FF\",\n                },\n              },\n            },\n          ],\n        };\n  }",
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data.list}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_wytj_count_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"monitoring_point_no\",\"value\":\"1\"}, \n{\"key\":\"fund_pit_project_no\",\"value\":\"1\"} ,\n{\"key\":\"hour\",\"value\":\"2\"} ,\n{\"key\":\"ym\",\"value\":\"202407\"} \n]\n}\n}",
                    "stylesFormatter": "",
                    "url": " http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "component": {
                        "width": 915.73,
                        "height": 235.62,
                        "name": "common",
                        "prop": "common"
                    },
                    "left": 500.1,
                    "top": 558.44,
                    "index": "e3848f6a-917f-4362-821f-394fa5b028d3",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 24,
                    "display": false
                }
            ],
            "zIndex": 25,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "累计位移",
            "index": "31c625d4-bf9c-46c0-a8a0-b2c7e8784a4a",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "累计位移图表",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "post",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data,params){\n    const myChart = this.myChart;\n    var xData=[]\n    var yData=[]\n    console.log(data);\n    data.data?.map((item)=>{\n     xData.push(item['时间'])\n     yData.push(item['累计变化'])\n    })\n    return {\n          title: {\n            dataZoom: [\n              {\n                show: true,\n                height: 12,\n                xAxisIndex: [0],\n                bottom: \"8%\",\n                start: 10,\n                end: 90,\n                handleIcon:\n                  \"path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z\",\n                handleSize: \"110%\",\n                handleStyle: {\n                  color: \"#d3dee5\",\n                },\n                textStyle: {\n                  color: \"#fff\",\n                },\n                borderColor: \"#90979c\",\n              },\n              {\n                type: \"inside\",\n                show: true,\n                height: 15,\n                start: 1,\n                end: 35,\n              },\n            ],\n            x: \"center\",\n            y: \"4%\",\n            textStyle: {\n              color: \"#fff\",\n              fontSize: \"22\",\n            },\n            subtextStyle: {\n              color: \"#90979c\",\n              fontSize: \"16\",\n            },\n          },\n          legend: {\n            left: 'right',\n             textStyle:{\n              color:'#fff'\n            },\n            data: [\"累计位移\"],\n          },\n          tooltip: {\n            trigger: \"axis\",\n          },\n           grid: {\n            top: \"12%\",\n            right: \"1%\",\n            left: \"5%\",\n            bottom: \"10%\",\n          },\n          xAxis: [\n            {\n              type: \"category\",\n              data: xData,\n              axisLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n              axisLabel: {\n                margin: 5,\n                color: \"#e2e9ff\",\n                textStyle: {\n                  fontSize: 14,\n                },\n              },\n            },\n          ],\n          yAxis: [\n            {\n              minInterval:1,\n              axisLabel: {\n                formatter: \"{value}\",\n                color: \"#e2e9ff\",\n              },\n              axisLine: {\n                show: false,\n                lineStyle: {\n                  color: \"rgba(255,255,255,1)\",\n                },\n              },\n              splitLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n            },\n          ],\n          series: [\n            {\n              name: '累计位移',\n              type: \"line\",\n              data: yData,\n              barWidth: \"20px\",\n              itemStyle: {\n                normal: {\n                  color: \"#00D1FF\",\n                },\n              },\n            },\n          ],\n        };\n  }",
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data.list}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_wytj_count_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"monitoring_point_no\",\"value\":\"1\"}, \n{\"key\":\"fund_pit_project_no\",\"value\":\"1\"} ,\n{\"key\":\"hour\",\"value\":\"2\"} ,\n{\"key\":\"ym\",\"value\":\"202407\"} \n]\n}\n}",
                    "stylesFormatter": "",
                    "url": " http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "component": {
                        "width": 915.73,
                        "height": 235.62,
                        "name": "common",
                        "prop": "common"
                    },
                    "left": 500.1,
                    "top": 558.44,
                    "index": "ab487e2c-5657-4285-88f9-77dc10313d31",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 22,
                    "display": true
                }
            ],
            "zIndex": 23,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "速率位移",
            "index": "913fa6b1-4473-4a2a-994d-eee0be9946f2",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "监测点2",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "监测点1"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 24,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 498.04,
                    "top": 498.9,
                    "index": "0a821b8d-96f8-41f3-9370-822face726fc",
                    "zIndex": 20,
                    "display": false
                },
                {
                    "name": "切换tab",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_jkxm_list_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"fund_pit_id\",\"value\":\"1\"},\n{\"key\":\"monitoring_point_id\",\"value\":\"1\"}, \n{\"key\":\"foundation_device_type\",\"value\":\"1,2\"}\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 796.71,
                        "height": 39.19,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "rotateZ": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"qhq-conter\">\n    <el-select\n      v-model=\"fund_pit_project_no\"\n      class=\"selectNum\"\n      @change=\"onChange\"\n      size=\"mini\"\n      placeholder=\"请选择\"\n    >\n      <el-option\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      >\n      </el-option>\n    </el-select>\n    <div>\n      <div\n        v-for=\"item in data\"\n        @click=\"tabClick(item)\"\n        :class=\"[selectValue == item.value ? 'tabClassSelect' : 'tabClass']\"\n        :key=\"item.name\"\n      >\n        {{ item.name }}\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      path: \"\",\n      options: [],\n      data: [\n        { name: \"位移速率\", value: 0 },\n        { name: \"累计位移\", value: 1 },\n      ],\n      fund_pit_project_no: \"\", //监测项\n      monitoring_point_no: \"\", //监测点\n      selectValue: 0,\n      record: \"\", //塔机编号\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.options = val.map((item) => {\n          return { label: item.基坑监测项名称, value: item.基坑监测项ID };\n        });\n        this.onChange(this.options[0].value);\n        this.tabClick({ name: \"位移速率\", value: 0 });\n      },\n      deep: true,\n      immediate: true,\n    },\n    monitoring_point_no: {\n      handler(val) {\n        this.tabClick({ name: \"位移速率\", value: 0 });\n        this.$emit(\"click\", {\n          value: [\n            { key: \"fund_pit_project_no\", value: this.fund_pit_project_no },\n            { key: \"monitoring_point_no\", value: this.monitoring_point_no },\n            { key: \"hour\", value: 1 },\n            { key: \"ym\", value: this.getTime() },\n          ],\n        });\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    getTime() {\n      let myDate = new Date();\n      let myYear = myDate.getFullYear();\n      let myMonth = myDate.getMonth() + 1;\n      myMonth = myMonth > 9 ? myMonth : \"0\" + myMonth;\n      let nowDate = myYear + myMonth;\n      return nowDate\n    },\n    onChange(value) {\n      this.fund_pit_project_no = value;\n      this.$emit(\"click\", {\n        value: [\n          { key: \"fund_pit_project_no\", value: this.fund_pit_project_no },\n          { key: \"monitoring_point_no\", value: this.monitoring_point_no },\n          { key: \"hour\", value: 1 },\n          { key: \"ym\", value: this.getTime() },\n        ],\n      });\n    },\n    tabClick(e) {\n      this.selectValue = e.value;\n      const refs = this.$parent.getItemRefs();\n      if (e.value) {\n        refs[\"71d5aa30-5acc-492c-83d6-9d232ee62008\"].setDisplay(true);\n        refs[\"31c625d4-bf9c-46c0-a8a0-b2c7e8784a4a\"].setDisplay(false);\n      } else {\n        refs[\"71d5aa30-5acc-492c-83d6-9d232ee62008\"].setDisplay(false);\n        refs[\"31c625d4-bf9c-46c0-a8a0-b2c7e8784a4a\"].setDisplay(true);\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.qhq-conter {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.tabClassSelect {\n  margin-left: 26px;\n  background: linear-gradient(180deg, #00d7f8 0%, #009be2 44%, #4015ff 100%);\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n.tabClass {\n  margin-left: 26px;\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n  background: transparent;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n.el-input__inner {\n  background: transparent !important;\n}\n.selectNum {\n  float: left;\n  width: 150px;\n  border: 1px solid #00ffff;\n}\n</style>"
                    },
                    "left": 632.27,
                    "top": 498.75,
                    "index": "6e44341c-a9d3-4403-8c85-de3bca13c2e3",
                    "child": {
                        "index": [
                            "e3848f6a-917f-4362-821f-394fa5b028d3",
                            "ab487e2c-5657-4285-88f9-77dc10313d31"
                        ],
                        "paramList": [],
                        "paramName": "injections"
                    },
                    "zIndex": 19,
                    "lock": false,
                    "dataMethod": "post",
                    "url": " http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data"
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 481.92,
                    "left": 480.23,
                    "data": {},
                    "component": {
                        "width": 963.54,
                        "height": 336.88,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "3268cbe9-e8af-4a3c-8a94-9deb743b55e8",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 18,
                    "dataFormatter": ""
                }
            ],
            "zIndex": 21,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "近七天报警测点",
            "index": "95828d34-7c8e-4be5-8dc9-a6b535572949",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "文本框",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "近七天报警测点"
                    },
                    "component": {
                        "width": 170.56,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 24,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 498.02,
                    "top": 152.97,
                    "index": "3dfe9a9f-5df4-4bb4-8624-9c52f8cc6681",
                    "zIndex": 16
                },
                {
                    "name": "表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_jqtbj_list_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"pageNum\",\"value\":\"1\"}, \n{\"key\":\"pageSize\",\"value\":\"10\"} \n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 931.92,
                        "height": 252.48,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"jypx\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%;height: 100%;\"\n      height=\"210px\"\n    :header-cell-style=\"{ 'text-align': 'center' }\"\n      :cell-style=\"{ 'text-align': 'center' }\">\n      <el-table-column label=\"序号\" type=\"index\" width=\"80\"> </el-table-column>\n      <el-table-column prop=\"monitoringPointNo\" label=\"测点编号\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"foundationProjectName\" label=\"监测项目\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"collectionTime\" label=\"告警时间\" show-overflow-tooltip width=\"280\">\n      </el-table-column>\n      <el-table-column prop=\"alarmContent\" label=\"告警内容\" show-overflow-tooltip>\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 15px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      tableData: [],\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.total = parseInt(val.data.total);\n        this.tableData = val.data.items;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n  },\n  methods: {\n   currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", { page: value });\n    },\n    handleView(item) {\n      const refs=this.$parent.getItemRefs()\n      refs[\"153340d5-7603-4819-9aff-2a49e32cdb60\"].$refs.main.check_record_id = item.check_record_id;\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n    },\n  },\n};\n</script>\n\n<style>\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": 496.4,
                    "top": 198.56,
                    "index": "d7e58b4c-a39d-44b4-b6c9-1b498d0c46af",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 15,
                    "dataMethod": "post",
                    "url": " http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "display": false
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 135.11,
                    "left": 480.15,
                    "data": {},
                    "component": {
                        "width": 964.04,
                        "height": 338.65,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "f9501072-cff6-49ca-8bd7-5aa2ef3ffbe4",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 14,
                    "dataFormatter": "",
                    "display": false
                }
            ],
            "zIndex": 17,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "侦测点位",
            "index": "6537780f-68f4-4bf8-af20-3e00f099ede4",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "文本框",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "侦测点位数据"
                    },
                    "component": {
                        "width": 167.04,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 16.8,
                    "top": 453.07,
                    "index": "d9ce7056-257a-43a3-8c20-9ad9406ea848",
                    "zIndex": 12
                },
                {
                    "title": "文本框",
                    "name": "文本框",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "侦测点位"
                    },
                    "component": {
                        "width": 115.68,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 15.68,
                    "top": 148.83,
                    "index": "a5ef266d-4759-4eb8-bfe7-f04002427ff9",
                    "zIndex": 11
                },
                {
                    "name": "切换",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_jk_list_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 161.94,
                        "height": 34.05,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"qhq-conter\">\n    <el-select\n      v-model=\"value\"\n      class=\"selectNum\"\n      @change=\"onChange\"\n      size=\"mini\"\n      placeholder=\"请选择\"\n    >\n      <el-option\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :label=\"item.lable\"\n        :value=\"item.value\"\n      >\n      </el-option>\n    </el-select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      options: [],\n      value: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        if (val.length) {\n          this.options = val.map((item) => {\n            return { lable: item.基坑名称, value: item.基坑id };\n          });\n          this.onChange(this.options[0].value)\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    onChange(value) {\n      this.value = value;\n      const refs = this.$parent.getItemRefs();\n      refs[\"aa172040-9c8c-4804-b825-8524fd9eff7f\"].$refs.main.fund_pit_id = value;\n    },\n  },\n};\n</script>\n\n<style>\n.el-input__inner {\n  background: transparent !important;\n}\n\n</style>"
                    },
                    "left": 1.33,
                    "top": 78.94,
                    "index": "2c4d9eac-d70e-482d-91fa-af4b43b4b9ea",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 10,
                    "dataMethod": "post",
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data"
                },
                {
                    "name": "点位组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_jkdw_list_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"fund_pit_id\",\"value\":\"1\"}\n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 413.86,
                        "height": 226.52,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"zcdw-conter\">\n    <div\n      v-for=\"item in options\"\n      @click=\"tabClick(item)\"\n      :class=\"[\n        selectValue == item.value ? 'zcdw-tabClassSelect' : 'zcdw-tabClass',\n      ]\"\n      :key=\"item.name\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      options: [],\n      fund_pit_id: \"\",\n      selectValue: 0,\n    };\n  },\n  created() {},\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.options = val.map((item) => {\n          return { name: item.基坑监测点名称, value: item.基坑监测点ID };\n        });\n        this.tabClick(this.options[0]||'x');\n      },\n      deep: true,\n      immediate: true,\n    },\n    fund_pit_id: {\n      handler(val) {\n        this.$emit(\"click\", { value: [{ key: \"fund_pit_id\", value: val }] });\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    tabClick(e) {\n      this.selectValue = e.value;\n      const refs = this.$parent.getItemRefs();\n      refs[\"5d29014c-8493-4046-8725-705dde659a69\"].$refs.main.arguments = {\n        monitoring_point_id: this.selectValue,\n      };\n      refs[\"6e44341c-a9d3-4403-8c85-de3bca13c2e3\"].$refs.main.monitoring_point_no = this.selectValue;\n      refs[\"0a821b8d-96f8-41f3-9370-822face726fc\"].dataChart.value=e.name||'--'\n    },\n  },\n};\n</script>\n\n<style>\n.zcdw-conter {\n  display: flex;\n  flex-wrap: wrap;\n  width: 413px;\n  box-sizing: border-box;\n  align-content: flex-start;\n  overflow: auto;\n}\n.zcdw-tabClassSelect {\n  width: 30%;\n  margin: 1.2%;\n  background: #00d7f8;\n  height: 30px;\n  line-height: 30px;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 14px;\n  font-weight: bold;\n  color: #ffffff;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.zcdw-tabClass {\n  width: 30%;\n  height: 30px;\n  margin: 1.2%;\n  line-height: 30px;\n  background: transparent;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 14px;\n  font-weight: bold;\n  color: #ffffff;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n</style>"
                    },
                    "left": 19.29,
                    "top": 192.05,
                    "index": "aa172040-9c8c-4804-b825-8524fd9eff7f",
                    "child": {
                        "index": [
                            "aa172040-9c8c-4804-b825-8524fd9eff7f"
                        ],
                        "paramList": [],
                        "paramName": "injections"
                    },
                    "zIndex": 9,
                    "url": " http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post",
                    "display": false
                },
                {
                    "title": "边框2",
                    "name": "datav",
                    "icon": "icon-biankuang",
                    "img": "img/assets/borderBox/borderBox_02.png",
                    "top": 131.71,
                    "left": 1.96,
                    "data": {},
                    "component": {
                        "width": 451.19,
                        "height": 684.67,
                        "name": "borderBox",
                        "prop": "borderBox"
                    },
                    "option": {
                        "type": 2,
                        "color1": "#83bff6",
                        "color2": "#00CED1"
                    },
                    "index": "6a449595-ca06-4048-899d-ce0f0008dd4e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 8,
                    "dataFormatter": ""
                },
                {
                    "name": "侦测点位数据列表",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return data.data.list\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_jkjc_zcd_list_730\",\n\"project_id\":\"2205\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"monitoring_point_no\",\"value\":\"1\"}, \n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 412.22,
                        "height": 293.75,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <ul class=\"timeline\">\n    <li\n      class=\"timeline-item\"\n      v-for=\"(item, index) in timelineData\"\n      :key=\"index\"\n    >\n      <div class=\"timeline-item__wrapper\">\n        <div class=\"timeline-item__timestamp\">{{ item.监测项 }}</div>\n        <div class=\"timeline-item__content\">{{ item.内容 }}</div>\n      </div>\n    </li>\n  </ul>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      timelineData: [],\n      arguments: {},\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.timelineData = [];\n        val.map((item) => {\n          this.timelineData.push({\n            监测项: item.监测项,\n            内容: item.本次测量值+item.测量值计量单位,\n          });\n        });\n      },\n      deep: true,\n      immediate: true,\n    },\n    arguments: {\n      handler(val) {\n        this.$emit(\"click\", {\n          value: [\n            {\n              key: \"monitoring_point_no\",\n              value: val.monitoring_point_id,\n            }\n          ],\n        });\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {},\n};\n</script>\n\n<style scoped>\n.timeline {\n  margin: 0;\n  list-style: none;\n  height: 100px;\n  overflow: auto;\n}\n.timeline-item__content {\n  color: #fff;\n  padding: 5px 10px;\n  font-size: 14px;\n}\n.timeline-item__timestamp {\n  background: linear-gradient(\n    117.29deg,\n    rgba(223, 91, 244, 0.45) 13.82%,\n    rgba(3, 91, 255, 0.45) 82.98%\n  );\n  /* display: inline-block; */\n  padding: 5px 10px;\n  margin-bottom: 5px;\n  color: #fff;\n  font-size: 16px;\n}\n</style>\n"
                    },
                    "left": 20.95,
                    "top": 505.27,
                    "index": "5d29014c-8493-4046-8725-705dde659a69",
                    "child": {
                        "index": [
                            "5d29014c-8493-4046-8725-705dde659a69"
                        ],
                        "paramList": [],
                        "paramName": "injections"
                    },
                    "zIndex": 7,
                    "url": "http://test_console_api.ihibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post",
                    "display": false
                }
            ],
            "zIndex": 13,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "监测数量",
            "index": "b8824fc6-4927-4497-90e4-40763ff57524",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "今日报警",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "今日报警"
                    },
                    "component": {
                        "width": 155.93,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 1141.84,
                    "top": 41.76,
                    "index": "99d9564c-6350-49cf-ae21-dff1e14271f9",
                    "zIndex": 5,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "今日预警",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "今日预警"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 673.75,
                    "top": 41.76,
                    "index": "74990d0a-3bb5-4ee5-8bb5-6e945205a0ff",
                    "zIndex": 4,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "监测数量",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "监测数量"
                    },
                    "component": {
                        "width": 122.61,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 165.16,
                    "top": 41.76,
                    "index": "60ac92b7-5aee-4f14-81f8-887765ae8ef0",
                    "zIndex": 3,
                    "display": false
                },
                {
                    "title": "文本框",
                    "name": "56%",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.今日报警||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "56%"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 1145.06,
                    "top": -1.44,
                    "index": "1fcb6aaf-44bf-4d47-86a1-f4b90aca6e64",
                    "zIndex": 2,
                    "display": false,
                    "public": "14765d4f-8cad-41ab-878f-c3334bdd6c28"
                },
                {
                    "title": "文本框",
                    "name": "6",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.今日预警||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "6"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 649,
                    "top": -1.44,
                    "index": "a425068e-5fea-4ab9-91ae-6adc0a12b590",
                    "zIndex": 1,
                    "display": false,
                    "public": "14765d4f-8cad-41ab-878f-c3334bdd6c28"
                },
                {
                    "title": "文本框",
                    "name": "6",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 5,
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.监测数量||0}\n}",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "6"
                    },
                    "component": {
                        "width": 152.19,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 32,
                        "fontWeight": "normal",
                        "color": "#00FFFF"
                    },
                    "left": 153.07,
                    "top": -1.44,
                    "index": "edeedc3a-091c-42ce-8de1-1c7d2a90c160",
                    "zIndex": 0,
                    "display": false,
                    "public": "14765d4f-8cad-41ab-878f-c3334bdd6c28"
                }
            ],
            "zIndex": 6,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}